<template>
	<view class="table">
		<text>加时订单</text>
		<view class="line1">
		<icon  class="iconfont .icon-zuowei" style="color:black;"></icon>
		<text>当前位置：双人区-5号桌</text>
		</view>
		<view class="line1" id="no2">
			<icon class="iconfont .icon-shijian-kong" style="color:black;"></icon>
			<text>加时时长:</text><input class="uni-input" type="number"  value="1"/>
		</view>
		<view class="line1">
			<icon  class="iconfont .icon-shijian-kong" style="color:black;"></icon>
			<text>延长时至：2022-07-18 22:00（周一）</text>
		</view>
		<view class="line1">
			<icon  class="iconfont .icon-wodeqiaquan" style="color:black;"></icon>
			<text>订单价格：10元</text>
		</view>
	</view>
	<view >
		<button class="btn" @click="sureBtn">确认支付</button>
	</view>
</template>

<script setup>

		
	const sureBtn = function(){
		uni.redirectTo({
			url: '/pages/Home/Home'
		})
	}
	
</script>

<style lang="less" scoped>
	@import url('../../static/fonts/iconfont.css');
	.table{
		width: 670rpx;
		height: 300rpx;
		border-radius: 10rpx;
		background-color: #f7efe4;
		margin: 40rpx;
		display: flex;
		flex-direction: column;
	}
	.uni-input{
		width: 100rpx;
		height: 40rpx;
		border: 1rpx  solid  #ccc;
		border-radius: 10rpx;
		margin-top: 16rpx;
		text-align: center;
		margin-left: 10rpx;
		
	}
	.t_choose{
		display: flex;
	}
	.btn{
		width: 670rpx;
		height: 80rpx;
		background-color: #c6964f;
		color: #ffffff;
		font-size: 28rpx;
		text-align: center;
		padding: 0;
		line-height: 80rpx;
		margin: 40rpx;
	}
	.table text:nth-child(1){
		font-size: 28rpx;
		font-weight: 700;
		margin: 20rpx 0 0 30rpx;
	}
	.line1{
		margin-left: 20rpx;
		padding: 0;
	}
	.line1 text{
		font-size: 24rpx;
		color: #555555;
		}
	#no2{
			display: flex;
		}
	#no2 text{
		margin-top: 18rpx;
	}
</style>
